@import "@/common/constants/StyleConst.scss";

.file {
  width: 100%;
  min-height: 100%;
  border-radius: 8px;

  .v-card>*:last-child:not(.v-btn):not(.v-chip):not(.v-avatar) {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }

  .head {
    height: 40px;
    background-color: $color-theme-blue;
  }

  :deep .file-list {
    &>.v-treeview-node {
      &>.v-treeview-node__root {
        background-color: #DFE1E8;
      }

      .v-treeview-node__root {
        .action {
          visibility: hidden;
        }

        &:hover {
          .action {
            visibility: visible;
          }
        }

        min-height: 40px;
        cursor: pointer;

        .v-treeview-node__label {
          color: $color-theme-grey;
          font-size: 12px;
        }
      }
    }

    .file-active {
      background-color: $color-theme-lightgrey !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    }
  }
}

.list {
  .list-item-title {
    font-size: 14px;
    text-align: left;
    color: $color-theme-grey;
  }

  .hide-icon {
    visibility: hidden;
  }

  .activate-icon {
    visibility: visible;
  }
}